<template>
  <div>
<my-header title="我的店铺" @onClickLeft="$router.push('/my')"/>
<div class="store-body">
    <img src="../../../assets/cart_empty@2x.png">
    <span>抱歉，你暂未开店</span>
    <a href="javascript">你可以立即申请开店</a>
</div>
  </div>
</template>

<script>
import MyHeader from '../my/components/my-header.vue'
export default {
  name: 'StoresIndex',
  components: {
    MyHeader
  },
  props: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">
.store-body {
    padding-top: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 35px;
  img{
      width: 160px;
      height: 160px;
  }
  span {
      margin-top: 40px;
      margin-bottom: 20px;
  }
  a {
      color: orangered;
  }
}
</style>
